{% extends 'home/public/base.html' %}


{% block css %}
    <link rel="stylesheet" type="text/css" href="/static/home/css/order.css">
    <link rel="stylesheet" type="text/css" href="/static/home/css/order-app.css">

{% endblock %}

{% block con %}
<div class="mainbody order">
    <div class="container">
        <!-- 面包屑导航 -->
        <div class="crumbs col-xs-12 col-sm-12">
            <ol class="breadcrumb">
                <li class="hidden-xs hidden-sm"><a href="">首页</a></li>
                <li class="hidden-xs hidden-sm"><a href="">我的商城</a></li>
                <li class="active">个人中心</li>
            </ol>
        </div><!-- 面包屑导航 E-->
        
        <div class="main clearfix">
            <!-- 左侧导航 -->
            <div class="left-nav f-fl col-md-4 hidden-xs hidden-sm">
                <div class="nav-main">

                    <a href="javascript:;" class="type-title" class="ml active" style="color: green"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心</a>
                    <a href="" class="ml ">地址管理</a>
                    <a href="#" class="ml ">我的收藏</a>
                    <a href="#" class="ml ">消息提醒</a>
                    <a href="#" class="ml ">建议反馈</a>
                </div>
            </div><!-- 左侧导航 E-->
            <!-- 右侧内容展示 -->
            <div class="right-content f-fr col-md-8 col-xs-12 col-sm-12">
                <div class="order-main">
                    <div class="type-tab-btn">
                        <a href="javascript:;" class="allOrder active col-20" data-type="-1">个人中心</a><i class="line hidden-xs hidden-sm">|</i>

                    <div class="list-head hidden-xs hidden-sm">

                    </div>
                    <div id="tableList" class="type-contain ui-load-container">
                        <div class="admin-content-body">
                          
                          <div class="am-g">
                              <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">
                                  <div class="am-panel am-panel-default">
                                      <div class="am-panel-bd">
                                          <div class="am-g">
                                             
                                      </div>
                                  </div>
                                  <div class="am-panel am-panel-default">
                                      <div class="am-panel-bd">
                                          
                                          <div class="user-info">
                                              <div class="am-progress am-progress-sm">
                                                  <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
                                              </div>
                                            
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4">
                                  <form class="am-form am-form-horizontal" action="{% url 'home_myindexedit' ul.id %}" method="post">
                                    {% csrf_token %}
                                      <div class="am-form-group">
                                          <label for="user-name" class="am-u-sm-3 am-form-label">姓名 / Name</label>
                                          <div class="am-u-sm-9">
                                              <input type="text" id="user-name" value="{{ ul.username }}" name="username">
                                              <small>输入你的名字，让我们记住你。</small></div>
                                      </div>
                                      <div class="am-form-group">
                                          <label for="user-email" class="am-u-sm-3 am-form-label">电子邮件 / Email</label>
                                          <div class="am-u-sm-9">
                                              <input type="email" id="user-email" value="{{ ul.email }}" name="email">
                                              <small>邮箱你懂得...</small></div>
                                      </div>
                                      <div class="am-form-group">
                                          <label for="user-phone" class="am-u-sm-3 am-form-label">电话 / Telephone</label>
                                          <div class="am-u-sm-9">
                                              <input type="tel" id="user-phone" value="{{ ul.phone }}" name="phone"></div>
                                      </div>
                                      <div class="am-form-group">
                                          <label for="user-QQ" class="am-u-sm-3 am-form-label">age</label>
                                          <div class="am-u-sm-9">
                                              <input type="number"  id="user-QQ" value="{{ ul.age }}" name="age"></div>
                                      </div>
                                     
                                      <div class="am-form-group">
                                          <div class="am-u-sm-9 am-u-sm-push-3">
                                              <button  class="am-btn am-btn-primary">保存修改</button></div>
                                      </div>
                                  </form>
                              </div>
                          </div>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>  
</div>
{% endblock %}